<template>
  <div>
    <!-- 主体部分开始 -->
    <div class="conter">
      <!-- 波浪图开始 -->
      <div class="waveImg currency"></div>
      <!-- 波浪图结束 -->

      <!-- 面包屑导航开始 -->
      <div class="coopeTitle currency">
        <el-breadcrumb separator="/">
          <el-breadcrumb-item :to="{ path: '/' }">
            <span>网页首页</span>
          </el-breadcrumb-item>
          <el-breadcrumb-item>活动管理</el-breadcrumb-item>
        </el-breadcrumb>
      </div>
      <!-- 面包屑导航结束 -->

      <!-- 内容部分开始 -->
      <div class="contentPart currency">
        <el-collapse accordion>
          <el-collapse-item v-for="(item, index) in collpaseCon" :key="index">
            <template slot="title">
              <i class="header-icon el-icon-warning" style="margin-right:10px"></i>
              <div class="font-size:20px;">{{ item.title }}</div>
            </template>
            <div style="margin-top:20px">{{ item.content_1 }}</div>
            <div>{{ item.content_2 }}</div>
          </el-collapse-item>
        </el-collapse>
      </div>
      <!-- 内容部分结束 -->
    </div>
    <!-- 主体部分结束 -->
  </div>
</template>

<style lang="less" scoped>
// 主体部分开始
.conter {
  // 波浪图开始
  .waveImg {
    width: 100%;
    height: 100px;
    left: 0;
    background-image: url("../assets/fen/形状 3.png");
    background-size: 100% 100%;
  }
  // 波浪图结束

  //   面包屑导航开始
  .coopeTitle {
    height: 50px;
    width: 60%;
    left: 20%;

    .el-breadcrumb {
      font-size: 17px;
      margin-top: 20px;
    }
  }
  //   面包屑导航结束

  // 内容部分开始
  .contentPart {
    width: 60%;
    left: 20%;
    padding-top: 50px;
    padding-bottom: 50px;

    .el-collapse {
      font-size: 20px;

      .el-collapse-item {
        div {
          font-size: 15px;
          line-height: 30px;
        }
      }
    }
  }
  // 内容部分结束
}
// 主体部分结束
</style>

<script>
export default {
  data() {
    return {
      // 折叠蓝数据
      collpaseCon: [
        {
          title: "企业入驻流程",
          content_1:
            "1. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
          content_2:
            "2. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
        },
        {
          title: "APP使用帮助",
          content_1:
            "1. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
          content_2:
            "2. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
        },
        {
          title: "对公支付流程",
          content_1:
            "1. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
          content_2:
            "2. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
        },
        {
          title: "对私支付流程",
          content_1:
            "1. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
          content_2:
            "2. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
        },
        {
          title: "货运公司入住流程",
          content_1:
            "1. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
          content_2:
            "2. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
        },
        {
          title: "货运公司入驻流程",
          content_1:
            "1. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
          content_2:
            "2. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
        },
        {
          title: "物流使用流程",
          content_1:
            "1. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
          content_2:
            "2. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
        },
        {
          title: "货运公司操作流程",
          content_1:
            "1. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
          content_2:
            "2. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
        },
        {
          title: "其他注意事项",
          content_1:
            "1. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
          content_2:
            "2. 严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。严格矿产资源利用排查监管。建立市国土、安监、林业环保等部门联合排查监管机制，每月一次深入矿山企业严格矿产资源利用排查监管。",
        }
      ],
    };
  },
};
</script>